body {
  background-color: $body-background-color;
}

.app {
  @include thredded--clearfix;
  -webkit-font-smoothing: antialiased;
  color: $text-color;
  font-family: $base-font-family;
  font-size: $base-font-size;
  line-height: $base-line-height;
  margin: 0;
}

.app-container {
  margin: 0 auto;
  max-width: ($grid-container-max-width + 4rem);
  padding: 0 1.2rem 0.75rem 1.2rem;
  @include thredded-media-tablet-and-up {
    padding: 0 2rem 0.75rem 2rem;
  }
  @media (min-width: $grid-container-max-width + 0.01rem) {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
}

.turbolinks-progress-bar {
  background-color: $brand-primary;
  height: 0.25rem;
}
